<template>
	<view class="f-jsb totab" @tap="tap">
		<view class="f-ac tabitem">
			<view class="iconfont" :class="[icon]" :style="{color: iconColor}"></view>
			<view class="iconfont">{{title}}</view>
		</view>
		<view class="iconfont icon-right1"></view>
	</view>
</template>

<script>
	export default {
		props:{
			icon: {
				type: String,
				default: ""
			},
			toPath: {
				type: String
			},
			title: {
				type: String
			},
			iconColor: {
				type: String,
				default: "#000000"
			}
		},
		methods: {
			tap(){
				console.log(this.toPath)
				/* uni.navigateTo({
					url: '../../pages/home-page/home-page',
				}); */
			}
		}
	}
</script>

<style scoped>
	.totab {
		margin:0 35rpx;
		padding: 25rpx 0 ;
		border-bottom: 1rpx solid rgba(1,2,1,0.1);
	}
	.tabitem > view:last-child{
		font-size: 32rpx;
		margin-left: 15rpx;
	}
	
	.icon-right1{
		color: #B8B6B8;
	}
</style>
